<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<%@ include file="/WEB-INF/public/head.jsp" %>
<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>首页</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" type="text/css" href="${system}/static/css/common.css">
    <link rel="stylesheet" type="text/css" href="${system}/static/css/style1.css">
    <link rel="stylesheet" href="${system}/static/css/aui.2.0.css"/>

</head>

<style>
    body {
        background: #ffffff;
    }

    #content {
        text-align: center;
        margin-top: 50px;
    }

    #loan {
        background-color: red;
        color: white;
        height: 38px;
        width: 298px;
        font-size: 25px;
        line-height: 10px;
    }

    #lan {
        margin-top: 50px;
        height: 50px;
        border-top: 1px solid gainsboro;
        border-bottom: 1px solid gainsboro;
    }

    li {
        display: inline-block;
        margin-left: 25px;
    }
</style>

<body>

<div id="content">
    <p>最高额度（元）</p>
    <p style="font-size: 50px; color: black;">100000</p>
    <p>5000借12个月，日费用低至1元3毛</p>
    <br/>
    <button id="loan" onclick="javascript:window.location.href='${system}/loan/auth'"><b>我要贷款</b></button>
</div>

<div id="lan" style="line-height: 50px;">
    <div style="margin-left: 10px;">
        <a href="javascript:" style="color: gray;">
            <i class="aui-iconfont aui-icon-menu"></i> 审批快
        </a>
        <a style="margin-left: 15px; color: gray;" href="javascript:">
            <i class="aui-iconfont aui-icon-calendar"></i> 利息低
        </a>
        <a style="margin-left: 15px; color: gray;" href="javascript:">
            <i class="aui-iconfont aui-icon-flag"></i> 极速借款
        </a>
    </div>
</div>

<div style="margin-top: 20px;">



    <ul>
        <li>
            <img onclick="javascript" src="${system}/static/images/phone_auth.png"
                 style="height: 50px;" alt="">
            <p onclick="javascript">手机认证</p>
        </li>
        <li>
            <img onclick="javascript" src="${system}/static/images/identity_auth.png"
                 style="height: 50px;" alt="">
            <p onclick="javascript">身份认证</p>
        </li>
        <li>
            <img onclick="javascript" src="${system}/static/images/auth.png"
                 style="height: 50px;" alt="">
            <p onclick="javascript">综合认证</p>
        </li>
        <li>
            <img onclick="javascript" src="${system}/static/images/Invitation.png"
                 style="height: 50px;" alt="">
            <p onclick="javascript">邀请认证</p>
        </li>
    </ul>


</div>


<div style="margin-top: 30px;">
    <img src="${system}/static/images/img1.png" style="width: 100%;height: 100px;"/>
</div>


<!--底部导航栏-->
<div class="footerdhl_f">
    <a href="${system}/home/index" style="display: block; margin-left: 100px;">
        <b><img src="${system}/static/images/zhuye.png"/></b>
        <p style="color: #3DB1FA;">首页</p>
    </a>
    <a href="${system}/me/myinfo">
        <b><img src="${system}/static/images/grzx.png"/></b>
        <p>我的</p>
    </a>
</div>



</body>
<script src="${system}/static/js/slider.js" type="text/javascript"></script>
</html>